
#header-wrap{
width:100%;
height:163px;
}
#header{
width:1200px;
height:163px;
margin:0 auto;
}
#header .topbar{
width:1200px;
height:30px;
position:relative;
}
#header .topbar .topbar-items{
float:right;
}
#header .topbar .topbar-items ul>li{
float:left;
padding:8px 20px 0 0;
font-size:12px;
color:#999;
}
#header .topbar .topbar-items ul li a{
color:#999;
font-size:12px;
font-family:"宋体";
}
/*客户服务*/
#header .topbar .topbar-items ul li:nth-child(6){
position:relative;
}

#header .topbar .topbar-items ul li:nth-child(6) a>i{
font-size:10px;
}

/*客户服务 下拉列表*/
#header .topbar .topbar-items ul li:nth-child(6) .serverlist{
display:none;
position:absolute;
width:88px;
height:100px;
background:#f5f5f5;
border:1px solid #eee
}

#header .topbar .topbar-items ul li:nth-child(6) .serverlist>li{
font-size:12px;
padding:0 0 5px 11px;
line-height:16px;
}
#header .topbar .topbar-items ul li:nth-child(6) .serverlist>li:nth-child(4){
font-size:10px;
}
#header .topbar .topbar-items ul li:nth-child(6) .serverlist>li:nth-child(3){
font-size:12px;
color:#999;
font-family:"宋体";
}

/*购物车*/
#header .topbar .topbar-items ul li:nth-child(9) a>i{
font-size:14px;
color:#e8312c;
font-weight:900;
font-family:"microsoft yahei";
}
#header .topbar .topbar-items ul li a:hover{
color:#463b93;
}
/*Logo*/
#header .topbar .chead-logo{
width:42px;
height:100px;
position:absolute;
}
#header .topbar .chead-logo>a{
display:block;
width:42px;
height:100px;
background:url("../images/header/secoo_logo.png") no-repeat;
margin:18px;
position:absolute;
left:0;
top:0;
}

/*search 框*/
#header .search-bar{
width:1200px;
height:134px;
margin:0 auto;
position:relative;
}
#header .search-bar .search{
position:absolute;
top:26px;
left:249px;
}
#header .search-bar .search .searchInput{
width:416px;
height:31px;
line-height:20px;
border:2px solid #463b7f;
float:left;
}
#header .search-bar .search .searchInput>input{
width:392px;
height:27px;
line-height:20px;
padding:2px 10px 2px 10px;
border:0;
font-family:"宋体";
float:left;
}
/*搜索按钮*/
#header .search-bar .search>button{
float:left;
border:0;
background:#5b4f9d;
}
#header .search-bar .search>button>a{
display:inline-block;
width:69px;
height:36px;
text-align:center;
line-height:36px;
color:#fff;
font-size:14px;
text-shadow:1px 2px 1px #390010;
font-family:"microsoft yahei";
}
/*热点区*/
#header .search-bar .searchHot{
position:absolute;
top:68px;
left:249px;
}
#header .search-bar .searchHot>li{
float:left;
}
#header .search-bar .searchHot>li>a{
display:inline-block;
color:#999;
font-size:12px;
padding-right:24px;
font-family:"宋体";
}
/*鼠标滑过颜色变化*/
#header .search-bar .searchHot>li>a:hover{
color:#e93b39;
text-decoration:underline;
}

/*nav 栏*/
#header .search-bar .head_nav{
width:926px;
height:46px;
position:absolute;
left:249px;
top:112px;
}
#header .search-bar .head_nav>li{
float:left;
padding-right:38px;
}
/*hot git 图片*/
#header .search-bar .head_nav>li:nth-child(2){
position:relative;
}
#header .search-bar .head_nav>li:nth-child(2)>img{
position:absolute;
top:-6px;
left:54px;
}
/*hot栏字体颜色*/
#header .search-bar .head_nav>li>a{
display:inline-block;
color:#666;
font-size:14px;
}
#header .search-bar .head_nav>li>a:hover{
color:#5b4f9d;
}

/*chead app 位置*/
#header .search-bar .chead-app{
position:absolute;
right:10px;
top:8px;
width:96px;
height:128px;
background:url("../images/header/apps_bg.gif") no-repeat;
}
/*悬浮菜单*/
#header .float-list{
position:absolute;
top:129px;
left:50%;
margin-left:-600px;
}
/*悬浮框的标题栏*/
#header .float-list .ordertitlle{
width:180px;
height:44px;
text-align:center;
line-height:34px;
background:#382f6b;
}
#header .float-list .ordertitlle a{
color:#fff;
font-size:16px;
}
/*悬浮框的内容部分*/
#header .float-list .ordershow{

padding-bottom:2px;
position:relative;
}
#header .float-list .ordershow dl:nth-child(odd){
background:#463b7e;
}
#header .float-list .ordershow dl:nth-child(even){
background:#382f6b;
}
#header .float-list .ordershow>dl{
width:180px;
height:68px;
/*border:1px,solid #000;*/
}
/*dt 需要mouseenter 变背景和字体颜色事件*/
#header .float-list .ordershow>dl>dt{
width:158px;
height:50px;
margin:0 auto;
background:#463b7f;
border:2px solid #463b7f;
}

#header .float-list .ordershow>dl>dt>strong{
display:block;
color:#fff;
font-size:14px;
font-weight:900;
font-family:"microsoft yahei";
}
#header .float-list .ordershow>dl>dt span a{
display:inline-block;
padding-right:10px;
color:#ccc;
font-size:12px;
height:25px;
line-height:25px;
}

/*隐藏的右边内容*/
#header .float-list .ordershow>dl>dd{
display:none;
width:330px;
height:484px;
background:#fff;
border-top:2px solid #433b7d;
border-right:2px solid #433b7d;
border-bottom: 2px solid #433b7d;
position:absolute;
top:0;
left:180px;
padding:0 30px 0 26px;
/*margin-top:4px;*/

}
/*分类*/
#header .float-list .ordershow>dl>dd .assortment{
color:#463b7f;
font-size:12px;
font-weight:900;
padding-left:6px;
}
/*隐藏列表样式*/
#header .float-list .ordershow>dl>dd .assortList{
padding-bottom:22px;
}
#header .float-list .ordershow>dl>dd ul li{
border-bottom:1px dashed #463b7d;
}
#header .float-list .ordershow>dl>dd ul li:nth-child(3){
border-bottom:none;
}
#header .float-list .ordershow>dl>dd ul li:nth-child(4){
border-bottom:none;
}
#header .float-list .ordershow>dl>dd .assortList>a{
color:#333333;
font-size:12px;
padding-top:14px;
line-height:17px;
}
#header .float-list .ordershow>dl>dd .assortList>a>em{
padding: 0 9px;
}
/*鼠标滑过需要添加Js 样式*/
#header .float-list .ordershow>dl>dd ul .Bbtn>a{
display:inline-block;
width:120px;
height:28px;
background:#463b7d;
color:#fff;
font-size:12px;
margin:26px 20px 0 0;
line-height:28px;
text-align:center;
font-family:"宋体";
}
